<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-datetimepicker-master/sample%20in%20bootstrap%20v2/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" />
		<script src="../assets/command/jquery-3.4.0.min.js"></script>
		<script src="bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
		<script src="../assets/js/bootstrap.min.js"></script>
		<script src="bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript">
			$(function() {
				$("#datetimeEnd").datetimepicker({
				
					format: 'yyyy-mm-dd',
				
					minView: 'month',
				
					language: 'zh-CN',
				
					autoclose: true,
				
					startDate: new Date()
				
				}).on("click", function() {
				
					$("#datetimeEnd").datetimepicker("setStartDate", $("#datetimeStart").val())
				
				});
				$("#datetimeStart").datetimepicker({

					format: 'yyyy-mm-dd',

					minView: 'month',

					language: 'zh-CN',

					autoclose: true,

					startDate: new Date()

				}).on("click", function() {

					$("#datetimeStart").datetimepicker("setEndDate", $("#datetimeEnd").val())

				});
				
			})
		</script>
	</head>
	<body>
		<div class="cell">

			<span>日期周期</span>

			<input size="16" type="text" id="datetimeStart" readonly class="form_datetime form-control">

			<span> 至 </span>

			<input size="16" type="text" id="datetimeEnd" readonly class="form_datetime form-control">

		</div>

	</body>
</html>
